<template>
  <div class="blank">
    <div class="icon">
      404
    </div>
    <div class="text">
      <p>您访问的页面已经离开地球！</p>
    </div>
    <div class="btn" @click="clickBack()">
      返回上一页
    </div>
  </div>
</template>

<script>

export default {
  name: 'blank',
  components: {

  },
  methods: {
    clickBack() {
      this.$router.go(-1)
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
.blank{
  padding-top: 3rem;
  text-align: center;
  .icon{
    width: 6rem;
    margin: 0 auto;
  }
  .text{
    p{
      color: #999;
    }
  }
  .btn{
    border: 1px solid #999;
    color: #777;
    font-size: .38rem;
    margin-top: .8rem;
    display: inline-block;
    padding: .25rem .5rem;
    border-radius: .1rem;
  }
}
</style>
